<!-- 使用 type="home" 属性设置首页，其他页面不需要设置，默认为page；推荐使用json5，更强大，且允许注释 -->
<route lang="json5" type="page">
{
  style: {
    navigationBarTitleText: '入住明细',
    navigationBarTextStyle: '#000000',
    navigationStyle: 'custom',
    navigationBarBackgroundColor: '#ffffff',
  },
}
</route>
<template>
  <view class="w-[100vw] h-[100vh] box-border contentBox">
    <wd-form ref="form" :model="model">
      <wd-cell-group custom-class="group" border>
        <wd-input
          label="提交人"
          readonly
          label-width="100px"
          prop="questionArea"
          clearable
          v-model="model.resideUserName"
          placeholder="暂无数据"
        />
        <wd-input
          label="客户名称"
          readonly
          label-width="100px"
          prop="questionArea"
          clearable
          v-model="model.customerName"
          placeholder="暂无数据"
        />
        <wd-input
          label="公司名称"
          label-width="100px"
          readonly
          prop="factor"
          clearable
          v-model="model.customerCompany"
          placeholder="暂无数据"
        />
        <wd-input
          label="联系电话"
          label-width="100px"
          readonly
          prop="tmpDesc"
          clearable
          v-model="model.customerPhone"
          placeholder="暂无数据"
        />
        <wd-input
          label="出差事由"
          label-width="100px"
          readonly
          prop="tmpDesc"
          clearable
          v-model="model.resideCause"
          placeholder="暂无数据"
        />
        <wd-input
          label="申请入住日期"
          label-width="100px"
          readonly
          prop="tmpDesc"
          clearable
          v-model="model.resideInDate"
          placeholder="暂无数据"
        />
        <wd-input
          label="预计退房日期"
          label-width="100px"
          readonly
          prop="tmpDesc"
          clearable
          v-model="model.resideOutDate"
          placeholder="暂无数据"
        />
        <wd-input
          label="入住天数"
          label-width="100px"
          prop="tmpDesc"
          readonly
          clearable
          v-model="model.dayNumber"
          placeholder="暂无数据"
        />
        <wd-input
          label="特殊要求"
          label-width="100px"
          prop="tmpDesc"
          clearable
          readonly
          v-model="model.specialRequirements"
          placeholder="暂无数据"
        />
      </wd-cell-group>
    </wd-form>
    <view class="mt-[30upx]">
      <wd-form ref="form" :model="model">
        <wd-cell-group custom-class="group" border>
          <wd-input
            label="分配宿舍"
            readonly
            label-width="100px"
            prop="questionArea"
            clearable
            v-model="model.roomNo"
            placeholder="暂无数据"
          />
          <wd-input
            label="入住日期"
            readonly
            label-width="100px"
            prop="questionArea"
            clearable
            v-model="model.resideActInDate"
            placeholder="暂无数据"
          />
          <wd-input
            label="退房日期"
            readonly
            label-width="100px"
            prop="questionArea"
            clearable
            v-model="model.resideActOutDate"
            placeholder="暂无数据"
          />
          <wd-input
            label="退房确认"
            label-width="100px"
            prop="tmpDesc"
            readonly
            clearable
            v-model="model.resideApplyStatus"
            placeholder="暂无数据"
          />
        </wd-cell-group>
      </wd-form>
    </view>
  </view>
</template>

<script setup>
import { onLoad, onReachBottom } from '@dcloudio/uni-app'
import { useStaffStore } from '@/store/index'

defineOptions({
  name: 'RecordDetail',
})

const staffStore = useStaffStore()
const model = ref({})
const form = ref(null)
const userList = ref([])

const submit = () => {}

onMounted(() => {
  nextTick(() => {
    model.value = { ...staffStore.staffInfo }
  })
})
// 初始化
</script>

<style lang="scss" scoped>
.contentBox {
  background-color: #f1f1f1;
  padding: 30upx;
  .bottomBox {
    height: 180upx;
    background-color: white;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 30px;
    box-sizing: border-box;
    .btnBox {
      width: 82%;
      :deep() {
        .btn {
          width: 100%;
        }
      }
    }
  }
}
</style>
